$activeColor=#ff6c60;
$normalColor=#909090;
$bgdColor=#2a3542;
body
  background-color: $bgdColor;
  overflow: hidden;
$menuItemHeight = 35px;
.menu-wrapper
  padding: 0 16px;
.menu
  font-size: 14px;
  color: $normalColor;
  .menu-item
    margin: 11px 0;
    min-height: $menuItemHeight;
    line-height: $menuItemHeight;
    cursor: pointer;
    position: relative;
    > a
      display: block;
      padding-left: 40px;
      width: 100%;
      border-radius: 2px;
      height: $menuItemHeight;
      box-sizing: border-box;
      position: relative;
      color: #909090;
      .icon
        position: absolute;
        left: 12px * 0.7;
        top: 50%;
        margin-top: -14px * 0.7;
        width: 30px * 0.7;
        height: 28px * 0.7;
        fill: #909090;
      .dropdown
        width: 40px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding-left: 15px;
        box-sizing: border-box;
        display: block;
        .icon
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -5px;
          width: 10px;
          height: 10px;
          margin-left: 10px;
    ul
      width: 100%;
      li
        width: 100%;
        height: $menuItemHeight;
  .menu-item.active > a
    background-color: $activeColor;
    color: #fff;
    .icon
      fill: #fff;
  .menu-item.open
    a
      color: #fff;
      > .icon
        fill: #fff;
    .dropdown .icon
      fill: #fff;
      transform: rotate(90deg);
    .menu-second
      display: block;
  .menu-second
    display: none;
